<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="../css/meanmenu.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/responsive.css">
</head>

<body>
        <!-- Header -->
        <header class="header">
            <div class="top header__top gray-bg d-none d-md-block">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-6 col-lg-5">
                            <div class="message--header__top">
                                <p class="message m-0 dove__gray-color">Free Shipping Worldwide - On All Order Over $1000</p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-7">
                            <div class="menu--header__top text-right">
                                <nav class="nav--top__list">
                                    <ul class="list-inline">
                                        <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="#">store Locator</a></li>
                                        <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="#">Track Orders</a></li>
                                        <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="#">Credit Card</a></li>
                                        <li class="nav--top__dropdown position-relative"><a class="nav--top__link lang--top__link dove__gray-color text-capitalize position-relative" href="#">English & Dollar<span class="lnr lnr-chevron-down"></span></a>
                                            <ul class="dropdown-show">
                                                <li><a class="dove__gray-color text-capitalize" href="#"><span class="lang">canada</span><span class="currency">USD</span></a></li>
                                                <li><a class="dove__gray-color text-capitalize" href="#"><span class="lang">Bangladesh</span><span class="currency">TAKA</span></a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="middle header__middle bg--header__middle header-middle-three pt-35 pb-35">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="content--header__middle d-flex align-items-center justify-content-between">
                               <div class="header-search-three d-none d-md-block">
                                   <form action="#">
                                       <input type="search" placeholder="Search for product & more...">
                                       <button type="submit"><i class="icofont-search-2"></i></button>
                                   </form>
                               </div>
                                <div class="logo--header__middle">
                                    <div class="logo">
                                        <a class="logo__link" href="index.jsp"><img src="../img/logo/h1__logo.png" alt=""></a>
                                    </div>
                                </div>
                                <div class="cart--header__middle cart--header__three">
                                    <div class="cart--header__list">
                                        <ul class="list-inline">
                                            <li><a href="#"><i class="fal fa-user-plus"></i></a></li>
                                            <li><a href="#"><i class="fal fa-heart"></i></a></li>
                                            <li><a class="mini__cart--link" href="#"><i class="fal fa-bags-shopping"><span class="cart__count">3</span></i><span class="cart__amount">$ 3550</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="mini__cart--box">
                                        <ul>
                                            <li class="mb-20">
                                                <div class="cart-image">
                                                    <a href="#"><img src="../img/allproducts/cart__thumb__1.jpg" alt=""></a>
                                                </div>
                                                <div class="cart-text">
                                                    <a href="#" class="title f-400 cod__black-color">Pink Jacket</a>
                                                    <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                                </div>
                                                <div class="del-button">
                                                    <a href="#"><i class="icofont-close-line"></i></a>
                                                </div>
                                            </li>
                                            <li class="mb-20">
                                                <div class="cart-image">
                                                    <a href="#"><img src="../img/allproducts/cart__thumb__2.jpg" alt=""></a>
                                                </div>
                                                <div class="cart-text">
                                                    <a href="#" class="title f-400 cod__black-color">Silk Glows</a>
                                                    <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                                </div>
                                                <div class="del-button">
                                                    <a href="#"><i class="icofont-close-line"></i></a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="total-text d-flex justify-content-between">
                                                    <span class="f-800 cod__black-color">Total Bag </span>
                                                    <span class="f-800 cod__black-color">$ 99.00</span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="d-flex justify-content-between">
                                                    <a href="#" class="checkout">Checkout</a>
                                                    <a href="#" class="viewcart">View Cart</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom header__bottom header__bottom--border header-bottom-three">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-10 offset-xl-1 text-center">
                            <div class="main-menu">
                                <nav id="mobile-menu">
<ul>
    <li class="dropdown-icon">
        <a href="index.jsp">Home</a>
        <ul class="submenu">
            <li>
                <a href="index.jsp">Home Furniture</a>
            </li>
            <li>
                <a href="index-2.jsp">Home Electronics</a>
            </li>
            <li>
                <a href="index-3.jsp">Home Fashion</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="about.html">About Us</a>
    </li>
    <li class="mega-menu static dropdown-icon">
        <a href="shop.jsp">Shop</a>
        <ul class="submenu mega-full">
            <li>
                <a href="shop.jsp">Category 01</a>
                <ul class="submenu  level-1">
                    <li>
                        <a href="shop.jsp">Furniture</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Fasion</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Bags</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Lather</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="shop.jsp">Category 02</a>
                <ul class="submenu  level-1">
                    <li>
                        <a href="shop.jsp">Electronics</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Chair</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Table</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Book</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="shop.jsp">Category 03</a>
                <ul class="submenu">
                    <li>
                        <a href="shop.jsp">Clock</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Watch</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Mobile</a>
                    </li>
                    <li>
                        <a href="shop.jsp">sunglass</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="shop.jsp">Category 04</a>
                <ul class="submenu">
                    <li>
                        <a href="shop.jsp">Chair</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Lather</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Table</a>
                    </li>
                    <li>
                        <a href="shop.jsp">Clock</a>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <a href="shop.jsp">Furniture <span class="offer2 new">New</span></a>
    </li>
    <li class="dropdown-icon">
        <a href="#">Pages</a>
        <ul class="submenu">
            <li>
                <a href="about.html">About</a>
            </li>
            <li>
                <a href="contact.html">Contact</a>
            </li>
            <li>
                <a href="product-details.jsp">Product Details</a>
            </li>
            <li>
                <a href="product-details2.html">Product Details</a>
            </li>
            <li>
                <a href="registration.html">Register</a>
            </li>
            <li>
                <a href="shop-cat-three.html">Shop Category 03</a>
            </li>
            <li>
                <a href="shop-collection.html">Shop Category 01</a>
            </li>
            <li>
                <a href="shop-left-sidebar.html">Shop Left Sidebar</a>
            </li>
            <li>
                <a href="shop-right-sidebar.html">Shop Right Sidebar</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="shop.jsp">Top Product</a>
    </li>
    <li>
        <a href="shop.jsp">Trending <span class="offer2">Hot</span></a>
    </li>
    <li class="dropdown-icon">
        <a href="blog.html">Blog</a>
        <ul class="submenu  level-1">
            <li>
                <a href="blog.html">Blog</a>
            </li>
            <li>
                <a href="blog-sidebar.html">Blog Sidebar</a>
            </li>
            <li>
                <a href="blog-details.html">Blog Details</a>
            </li>
        </ul>
    </li>
</ul>

                                </nav>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- Header end /-->

    <!-- Main -->
    <main class="main--wrapper">


        <!-- Shop-details start -->
        <section class="shop-details-area pb-80">
            <div class="container">
               <div class="row">
                   <div class="col-sm-12">
                       <div class="shop-bred pt-35 pb-35">
                            <nav aria-label="breadcrumb">
                               <ol class="breadcrumb">
                                   <li class="breadcrumb-item"><a href="index-2.jsp">Home</a></li>
                                   <li class="breadcrumb-item"><a href="index-2.jsp">Phones & Tablet</a></li>
                                   <li class="breadcrumb-item"><a href="index-2.jsp">Headphone</a></li>
                                   <li class="breadcrumb-item active" aria-current="page">Ultra Wireless 550 Headphone With Bluetooth.</li>
                               </ol>
                           </nav>
                        </div>
                   </div>
               </div>
                <div class="row">
                    <div class="col-lg-5 col-md-6 order-1 order-lg-1">
                        <div class="pro-img">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="home5" role="tabpanel" aria-labelledby="home-tab5"><img src="../img/allproducts/pro-details.jpg" class="img-fluid" alt=""></div>

                                <div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
                                    <img src="../img/allproducts/pro-details.jpg" class="img-fluid" alt="">
                                </div>

                                <div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
                                    <img src="../img/allproducts/pro-details.jpg" class="img-fluid" alt="">
                                </div>
                            </div>
                            <ul class="nav" id="myTab1" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="home-tab5" data-toggle="tab" href="#home5" role="tab" aria-controls="home5" aria-selected="true">
                                        <img src="../img/allproducts/pro-details-small-1.jpg" class="img-fluid" alt="">
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab5" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile5" aria-selected="false">
                                        <img src="../img/allproducts/pro-details-small-2.jpg" class="img-fluid" alt="">
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab5" data-toggle="tab" href="#contact5" role="tab" aria-controls="contact5" aria-selected="false">
                                        <img src="../img/allproducts/pro-details-small-3.jpg" class="img-fluid" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 order-3 order-lg-2">
                        <div class="pro-content">
                            <span>${product.createDate}</span>
                            <h5 class="title">${product.name}</h5>
                            <div class="pro-rating pb-40">
                                <a href="#" class="active"><i class="fas fa-star"></i></a>
                                <a href="#" class="active"><i class="fas fa-star"></i></a>
                                <a href="#" class="active"><i class="fas fa-star"></i></a>
                                <a href="#"><i class="fas fa-star"></i></a>
                                <a href="#"><i class="fas fa-star"></i></a>
                                <a href="#" class="review">${product.searchTime} 次访问</a>
                            </div>
                            <div class="pro-social mb-45">
                                <a href="#"><img src="../img/payment/pro-details-social.jpg" class="img-fluid" alt=""></a>
                            </div>
                            <div class="about-pro">
                                <ul class="mb-40">
                                    <li>4.5 inch HD Touch Screen (1280 x 720)</li>
                                    <li>Android 4.4 KitKat OS</li>
                                    <li>1.4 GHz Quad Core™ Processor</li>
                                    <li>20 MP front and 28 megapixel CMOS rear camera</li>
                                    <li>Sed eiusmod tempor incididunt</li>
                                </ul>
                                <p>${product.remark}</p>
                            </div>
                            <div class="pro-code pt-25">
                                <ul>
                                    <li>SKU: <span>FW511948218</span></li>
                                    <li>Tag: <span>HEADPHONE</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 order-2 order-lg-3">
                        <div class="cart-wrapper">
                            <div class="cart-title">
                                <h6>Availability: <span>In Stock</span></h6>
                            </div>
                            <div class="price mt-15 mb-20">
                               <span>$3,200.55</span>
                                <h4>$2,299.00</h4>
                            </div>
                            <form action="#">
                                <div class="field">
                                    <label>Quantity:</label>
                                    <input type="number">
                                </div>
                                <div class="field">
                                    <label>Color:</label>
                                    <select name="select">
                                        <option value="1">Rose Gold</option>
                                        <option value="2">Red Gold</option>
                                        <option value="3">Yellow Gold</option>
                                        <option value="4">Blue Gold</option>
                                        <option value="5">Gray Gold</option>
                                    </select>
                                </div>
                            </form>
                            <a href="#" class="cart-button">Add To Cart</a>
                            <a href="#" class="buy-button">Buy Now</a>
                            <div class="last pt-15">
                                <a href="#">Add To Wishlist</a>
                                <a href="#">Compare</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Shop-details end -->

        <!-- Shop-details tab start -->
        <section class="shop-details-desc">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="desc-wrapper">
                            <ul class="nav custom-tabs" id="myTab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link" id="home-tab11" data-toggle="tab" href="#home11" role="tab" aria-controls="home11" aria-selected="true">Specification</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link active" id="profile-tab11" data-toggle="tab" href="#profile11" role="tab" aria-controls="profile11" aria-selected="false">Description </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab11" data-toggle="tab" href="#contact11" role="tab" aria-controls="contact11" aria-selected="false">Reviews(3)</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="myTabContent1">
                                <div class="tab-pane fade" id="home11" role="tabpanel" aria-labelledby="home-tab11">
                                    <div class="desc-content mt-60">
                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <div class="spe-wrapper">
                                                    <ul>
                                                        <li class="title">Additional information</li>
                                                        <li>Weight</li>
                                                        <li>1.4 oz</li>
                                                        <li>Dimensions</li>
                                                        <li>62 × 56 × 12 in</li>
                                                        <li>Size</li>
                                                        <li>XL, XXL, LG, SM, MD</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade show active" id="profile11" role="tabpanel" aria-labelledby="profile-tab11">
                                    <div class="desc-content mt-60">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Perfactly Done</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus nec sem semper viverra. In lobortis egestas massa. Nam nec
                                                    massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpUt id elit facilisis, feugiat est in, tempus lacus. Ut ultrices dictum meta ultricies ex vulputate ac. Ut id
                                                    cursus tellus, non tempor quam. Morbi porta diam nisi, id finibus ntincidunt eu.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Freshly Design</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae    egestas massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat.Ut id cursus tellus, non tempor quam. Morbi.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Fabolous Sound</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae    egestas massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat.Ut id cursus tellus, non tempor quam. Morbi.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Inteligent Bettery</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus nec sem semper viverra. In lobortis egestas massa. Nam nec
                                                        massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat. Ut id elit facilisis, feugiat est in, tempus lacus. Ut ultrices dictum metus, a ultricies ex vulputate ac. Ut id
                                                        cursus tellus, non tempor quam. Morbi porta diam nisi, id finibus nunc tincidunt eu interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus
                                                        nec sem semper viverra. In lobortis egestas massa. Nam nec massa nisi. Suspendisse potenti. Quisque suscipit vulputate</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="contact11" role="tabpanel" aria-labelledby="contact-tab11">
                                    <div class="desc-content mt-60">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Perfactly Done</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus nec sem semper viverra. In lobortis egestas massa. Nam nec
                                                    massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpUt id elit facilisis, feugiat est in, tempus lacus. Ut ultrices dictum meta ultricies ex vulputate ac. Ut id
                                                    cursus tellus, non tempor quam. Morbi porta diam nisi, id finibus ntincidunt eu.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Freshly Design</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae    egestas massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat.Ut id cursus tellus, non tempor quam. Morbi.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Fabolous Sound</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae    egestas massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat.Ut id cursus tellus, non tempor quam. Morbi.</p>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="single-content mb-40">
                                                    <h5 class="title">Inteligent Bettery</h5>
                                                    <p>Praesent ornare, ex a interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus nec sem semper viverra. In lobortis egestas massa. Nam nec
                                                        massa nisi. Suspendisse potenti. Quisque suscipit vulputate dui quis volutpat. Ut id elit facilisis, feugiat est in, tempus lacus. Ut ultrices dictum metus, a ultricies ex vulputate ac. Ut id
                                                        cursus tellus, non tempor quam. Morbi porta diam nisi, id finibus nunc tincidunt eu interdum consectetur, lectus diam sodales elit, vitae egestas est enim ornare nisl. Nullam in lectus
                                                        nec sem semper viverra. In lobortis egestas massa. Nam nec massa nisi. Suspendisse potenti. Quisque suscipit vulputate</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Shop-details tab end -->

        <!-- Product  -->
            <div class="product pt-75 product-h-two">
                <div class="container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-sm-12">
                            <div class="section-header">
                                <div class="row align-items-center">
                                    <div class="col-xl-9 col-sm-6">
                                        <div class="product-section2">
                                            <h6 class="product--section__title2"><span>Best Related</span> On Latest Coming</h6>
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-sm-6">
                                        <div class="all__product--link text-right">
                                            <a class="all-link" href="shop-collection.html">Discover All Products<span
                                                    class="lnr lnr-arrow-right"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="product__active owl-carousel">
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__33.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__34.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__14.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__35.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__33.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__36.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__34.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__37.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__35.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__38.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__33.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                                <div class="product__single">
                                    <div class="product__box">
                                        <div class="product__content--top">
                                            <span class="cate-name">SAMSUNG</span>
                                            <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">Wireless Audioing
                                                    Systems Purple Degree</a></h6>
                                        </div>
                                        <div class="product__thumb">
                                            <a href="product-details.jsp" class="img-wrapper">
                                                <img class="img" src="../img/allproducts/products__thumb__35.jpg" alt="">
                                                <img class="img secondary-img" src="../img/allproducts/products__thumb__33.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="product__content--rating d-flex justify-content-between">
                                            <div class="rating">
                                                <ul class="list-inline">
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li class="rating-active"><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                            <div class="price">
                                                <h5 class="grenadier-color f-600">$2,299.00</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-action">
                                        <a href="#"><span class="lnr lnr-heart"></span></a>
                                        <a href="#"><span class="lnr lnr-eye"></span></a>
                                        <a href="#"><span class="lnr lnr-cart"></span></a>
                                        <a href="#"><span class="lnr lnr-sync"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Product end -->

        <!-- Subscribe -->
        <div class="subscribe subscribe--area grenadier-bg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="newsletter newsletter--box d-flex justify-content-between align-items-center pos-rel">
                            <div class="left d-flex justify-content-between align-items-center">
                                <div class="newsletter__title">
                                    <span class="notification--icon"><img src="../img/icon/notification-icon.png" alt="notification"></span>
                                    <span class="notification__title--heading f-800 white-color">Subscribe for Join Us!</span>
                                </div>
                                <div class="newsletter--message d-none d-xl-block">
                                    <p class="newsletter__message__title mb-0">.... & receive $20 coupne for first Shopping &
                                        free delivery.</p>
                                </div>
                            </div>
                            <form class="right newsletter--form pos-rel">
                                <input class="newsletter--input" type="text" placeholder="Enter Your Email Address ...">
                                <button class="btn newsletter--button" type="button"><img src="../img/icon/plan-icon.png" alt=""></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Subscribe End -->

    </main>
    <!-- Main End -->

    <!-- Footer -->
    <footer class="footer--area">
        <div class="footer--top pt-70 pb-25">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-8 mb-30">
                        <div class="footer-widget">
                            <div class="footer-title">
                                <h6 class="f-800">Contact Information</h6>
                            </div>
                            <div class="contacts-address">
                                <div class="contacts-icon">
                                    <i class="icofont-headphone-alt-3"></i>
                                </div>
                                <div class="contacts-address--text">
                                    <span>Got Questions? Call Us 24/7</span>
                                    <h5 class="f-800">1800 665 222 / 1800 555 200</h5>
                                </div>
                            </div>
                            <div class="contacts-address--footer">
                                <p>502 New Design Str, Melbourne, Australia <a href="mailto:contact@martfury.co">contact@martfury.co</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-8 mb-30 order-md-3 order-lg-2">
                        <div class="footer-widget">
                            <div class="footer-title">
                                <h6 class="f-800">Get to Know Us</h6>
                            </div>
                            <div class="footer-menu">
                                <ul>
                                    <li><a href="#">About Us</a></li>
                                    <li><a href="#">Careers</a></li>
                                    <li><a href="#">Press Releases</a></li>
                                    <li><a href="#">Cart Cares</a></li>
                                    <li><a href="#">Gift a Smile</a></li>
                                    <li><a href="#">Your Account</a></li>
                                    <li><a href="#">Returns Center</a></li>
                                    <li><a href="#">100% Purchase Protection</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 mb-30 col-lg-6 col-md-4 order-md-2 order-lg-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="footer-title">
                                <h6 class="f-800">Get to Know Us</h6>
                            </div>
                            <div class="footer-menu h1foote-menu2">
                                <ul>
                                    <li><a href="#">Facebook</a></li>
                                    <li><a href="#">Twitter</a></li>
                                    <li><a href="#">Instagram</a></li>
                                    <li><a href="#">Youtube</a></li>
                                    <li><a href="#">Pintrest</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-6 col-md-4 mb-30 order-md-4 order-lg-4 col-sm-6">
                        <div class="footer-widget">
                            <div class="footer-title">
                                <h6 class="f-800">Let Us Help You</h6>
                            </div>
                            <div class="footer-menu h1foote-menu2">
                                <ul>
                                    <li><a href="#">Your Account</a></li>
                                    <li><a href="#">Returns Centre</a></li>
                                    <li><a href="#">100% Purchase Protection</a></li>
                                    <li><a href="#">Cartbit App Download</a></li>
                                    <li><a href="#">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom gray-bg pt-20 pb-20">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="footer-copyright">
                            <p class="m-0">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="footer-payment--sponsors text-right">
                            <a href="#" class="payment-images"><img src="../img/payment/payment-thumb.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer End -->





    <!-- JS here -->
    <script src="../js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="../js/vendor/jquery-1.12.4.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/owl.carousel.min.js"></script>
    <script src="../js/isotope.pkgd.min.js"></script>
    <script src="../js/one-page-nav-min.js"></script>
    <script src="../js/slick.min.js"></script>
    <script src="../js/ajax-form.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/jquery.scrollUp.min.js"></script>
    <script src="../js/imagesloaded.pkgd.min.js"></script>
    <script src="../js/jquery.nice-select.min.js"></script>
    <script src="../js/jquery.magnific-popup.min.js"></script>
    <script src="../js/jquery.countdown.min.js"></script>
    <script src="../js/jquery-ui-slider-range.js"></script>
    <script src="../js/meanmenu.min.js"></script>
    <script src="../js/Elemental.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>
